<template>
	<view>
	 		<!-- 自定义导航栏 -->
	 		<view class="navBarBox">
	 			<!-- 状态栏占位 -->
	 			<view class="statusBar" :style="{ paddingTop: statusBarHeight + 'px' }"></view>
	 			<!-- 真正的导航栏内容 -->
	 			<view class="navBar">
	 				<view class="goback">
	 					<view @click="goBack" class="goicon"style="background:url(../../static/goback.png);background-size:contain;background-repeat: no-repeat;">			
	 					</view>
	 				</view>
	 				<view class="title">选择老师</view>
	 				<view class="right">
	 					
	 				</view>
	 			</view>
	 		</view>
	 		<!-- 页面内容 -->
			<view>
				<!-- 05老师管理-待审核 -->
				<view class="centent1">
					<text @click="tiaozhuan">我的老师</text>
					<text>待审核</text>
				</view>
				<view class="centent2">
					<view class="centent2-1">
						<image src="../../static/img/register/1head.png" mode=""></image>
						<text>刘小丽</text>
					</view>
					<view class="centent2-2">
						<text>东风路培训学校</text>
						<text>正高级教师</text>
					</view>
					<view class="centent2-3">
						<button>同意</button>
						<button @click="add">拒绝</button>
					</view>
				</view>
			</view>
	 	</view>
	
	
</template>

<script>
	export default {
		data() {
			return {
				// 状态栏高度
				statusBarHeight: 0,
				// 导航栏高度
				navBarHeight: 82+11,
			}
		},
		methods: {
			// 返回
			goBack(){
				// 此处是写返回页面的方法、
							
				uni.navigateBack({
				    delta: 1//返回只上一级页面
				});
			},
			// 跳转
			tiaozhuan(){
				wx.navigateTo({
					url:'./teacherManagMy'
				})
			}
		},
		//第一次加载时调用
		created() {
			//获取手机状态栏高度
			this.statusBarHeight = uni.getSystemInfoSync()['statusBarHeight'];
		},
	}
</script>

<style lang="less">
	*{
		padding: 0;
		margin: 0;
	}
	body{
		background: #e8e8ee;
		padding: 30rpx;
	}
	
	 .navBarBox {}
	 
	 	.navBarBox .statusBar {}
	 
	 	.navBarBox .navBar {
	 		padding: 3rpx 50rpx;
	 		padding-bottom: 8rpx;
	 		display: flex;
	 		justify-content: space-between;
	 
	 		line-height: 93rpx;
	 		font-size: 40rpx;
	 	}
	 
	 	.goback {
	 		flex: 1;
	 		height: 100%;
	 	}
	 	.goicon{
	 		width: 30rpx;
	 		height: 30rpx;
	 		background-color: #00BEA9;
	 		margin-top: 30rpx;
	 	}
	 	.title {
	 		flex: 1;
	 		height: 100%;
	 		
	 	}
	 	.right{
	 		flex: 1;
	 	}
		
		
		
	
	.centent1{
		width: 696rpx;
		height: 90rpx;
		background: #ffffff;
		display: flex;
		justify-content: space-around;
		align-items: center;
		box-shadow: #c8c8c8 2rpx 2rpx 2rpx 0;
		border-radius: 50rpx;
		text{
			font-size: 30rpx;
			border-radius: 50rpx;
			width: 330rpx;
			height: 72rpx;
			
			text-align: center;
			line-height: 72rpx;
		}
	}
	.centent1 text:last-child{
		background: #46f1de;
	}
	
	.centent2{
		margin-top: 34rpx;
		width: 696rpx;
		height: 242rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		
		display: flex;
		box-shadow: #c8c8c8 2rpx 2rpx 2rpx 0;
	}
	.centent2-1{
		width: 134rpx;
		margin-top: 34rpx;
		margin-left: 42rpx;
		image{
			width: 130rpx;
			height: 130rpx;
		}
		text{
			display: flex;
			justify-content: center;
			font-size: 28rpx;
			margin-top: 14rpx;
		}
	}
	.centent2-2{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		margin-top: 44rpx;
		margin-left: 32rpx;
		width: 358rpx;
		text{
			font-size: 30rpx;
		}
		
		text:nth-child(2){
			margin-top: 26rpx;
			font-size: 26rpx;
			color: rgba(102,102,102,.8);
		}
	}
	.centent2-3{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		button{
			background: #ff6600;
			width: 116rpx;
			height:52rpx;
			font-size: 28rpx;
			text-align: center;
			line-height: 52rpx;
			color: #FFFFFF;
			box-shadow: #ff6600 2rpx 2rpx 2rpx 2rpx;
		}
		button:first-child{
			margin-bottom: 24rpx;
			background: #00bea9;
			box-shadow: #00bea9 1rpx 1rpx 0 0;
		}
		
	}
</style>
